/*
 * Develop by Webis Team
 * Project Name : Babo Renewal
 * Created date : 01/04/2014
 * Copyright © Webis.INC. All right reserved 
*/
/* Product, commerce, best */
@import url('list.css');

/* Events, sales, coupons  */
@import url('esc.css');

/* Cart, order, payment    */
@import url('pay.css');

/* Join, find ID, PWD      */
@import url('user.css');

/* Mypage                  */
@import url('mypage.css');

/* Book store              */
@import url('bookstore.css');

/* Import etc... CSS       */


/* --- Main css for header, footer, main page...       */
/* --//////////////////////////////////////////////////////////////////////-- */
/* MAIN HEADER                                                                */
/* --//////////////////////////////////////////////////////////////////////-- */
/* Top link */
header div.gnb{height:29px; position:relative; text-align:right;}
header div.gnb > ul{position:absolute; right:0; top:2px;}
header div.gnb > ul:after{display:table; content:""; clear:both;}
header div.gnb > ul > li{height:29px; line-height:29px; background:url('../img/main/top_nav_bg.gif')right center no-repeat; float:left;}
header div.gnb > ul > li > a{color:#888888; padding:0 12px 0 11px;}
header div.gnb > ul > li > a:hover{text-decoration:underline;}
header div.gnb > ul > li:last-child{background-image:none !important;}
header div.gnb > ul > li:last-child > a{padding-right:5px !important;}
header div.gnb ul li.my{width:89px; border:1px solid #ffffff; border-top:none; border-bottom:none; position:relative;}
header div.gnb ul li.my a{display:block; padding:0; text-align:center;}
header div.gnb ul li.my .my-nav{display:none; z-index:3333;}
header div.gnb ul li.my:hover, header div.top-link ul li.my:focus{background:#ececec; border-color:#c7c7c7;}
header div.gnb ul li.my:hover .my-nav{display:block; width:89px; background:#ffffff; border:1px solid #c7c7c7; border-top:none; position:absolute; left:-1px; top:29px;}
header div.gnb ul li.my .my-nav li{width:79px; margin:0 5px; border-bottom:1px dotted #f0f0f0;}
header div.gnb ul li.my .my-nav li:last-child{border-bottom:none;}
header div.gnb ul li.my .my-nav li a{padding:0; font-size:11px; color:#bbbbbb;}
header div.gnb ul li.my .my-nav li a:hover{text-decoration:underline;}

/* Top content */
header{height:171px; margin-bottom:24px;}
header div.navtop{height:74px;}
header div.navtop ul:after{display:table; content:""; clear:both;}
header div.navtop ul li{float:left;}
header div.navtop ul li.logo{width:235px;}
header div.navtop ul li.logo .logo-wrapper{margin:2px 0 0 39px;}

/* Search box */
header div.navtop ul li.search{width:454px;}
header div.navtop ul li.search .search-box{width:351px; height:32px; margin-top:2px; background:url('../img/main/search_box.gif') no-repeat; position:relative;}
header div.navtop ul li.search .select{width:96px; height:30px; line-height:30px; position:relative; margin-top:1px; background:url('../img/main/search_select_bg.gif') right center no-repeat; float:left; text-indent:15px; color:#888; cursor:pointer;}
header div.navtop ul li.search .select .arrow{width:5px; height:3px; position:absolute; right:8px; top:13px;}
header div.navtop ul li.search .select ul.items{display:none;}
header div.navtop ul li.search .select:hover ul.items{display:block; width:95px; background-color:#fff; border:1px solid #dddddd; border-bottom:none; position:absolute; left:0; top:30px; z-index:7777; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
header div.navtop ul li.search .select:hover ul.items li{width:100%; border-bottom:1px solid #dddddd; text-align:center; text-indent:0 !important;}
header div.navtop ul li.search .select:hover ul.items li:hover{background-color:#ececec;}
header div.navtop ul li.search .input{width:210px; margin-top:1px; float:left; border:none; height:20px; line-height:20px; padding:5px 0 0 10px; font-size:13px; color:#888;}
header div.navtop ul li.search .input:focus{box-shadow:none;}
header div.navtop ul li.search .submit{width:25px; height:24px; position:absolute; right:1px; bottom:1px;}
header div.navtop ul li.search ul.search-hot{margin-top:7px;}
header div.navtop ul li.search ul.search-hot li.tit{padding-left:5px; font-weight:bold; color:#ff5b90;}
header div.navtop ul li.search ul.search-hot li.tit.blue{color:#3489d9;}
header div.navtop ul li.search ul.search-hot li{background:url('../img/main/top_nav_bg.gif')right center no-repeat; float:left;}
header div.navtop ul li.search ul.search-hot li a{padding:0 13px 0 9px; font-size:11px; color:#aaaaaa;}
header div.navtop ul li.search ul.search-hot li a:hover{text-decoration:underline;}
header div.navtop ul li.search ul.search-hot li.tit,
header div.navtop ul li.search ul.search-hot li:last-child{background-image:none;}

/* -- navtop quick barnd, event */
header div.navtop ul li.quick{width:410px;}
header div.navtop ul li.quick ul.toplink{margin-top:14px;}
header div.navtop ul li.quick ul.toplink li{float:left;}
header div.navtop ul li.quick .review{width:156px;}
header div.navtop ul li.quick .culture{width:153px;}
header div.navtop ul li.quick .story{width:auto;}

/* -- navtop quick banner */
header div.navtop ul li.quick .top-banner{width:238px; float:right; margin-top:5px; position:relative;}
header div.navtop ul li.quick .top-banner .btnprev, 
header div.navtop ul li.quick .top-banner .btnnext{width:11px; height:20px; position:absolute; top:18px; cursor:pointer; z-index:3333;}
header div.navtop ul li.quick .top-banner .btnprev{left:0;}
header div.navtop ul li.quick .top-banner .btnnext{right:0;}
header div.navtop ul li.quick .top-banner .roll-list{width:187px !important; margin:0 auto;}

/* Main menu     */
nav.main-menu{height:30px;}
nav.main-menu > ul > li{line-height:30px; background:url('../img/main/mn_bg_pre.png') left center no-repeat; float:right;}
nav.main-menu > ul > li:last-child{background-image:none;}
nav.main-menu > ul > li a{padding:0 17px 0 19px;}
nav.main-menu > ul > li a img{vertical-align:baseline;}

/* Category menu */
nav.cate{height:38px; position:relative;}
nav.cate > ul > li{line-height:38px; background:url('../img/main/mn_cate_bg_pre.gif') right center no-repeat; float:left;}
nav.cate > ul > li:last-child{background-image:none;}
nav.cate > ul > li.roma{float:right;}
nav.cate > ul > li > .nm{position:relative;}
nav.cate > ul > li > .nm > a{padding:0 23px 0 24px;}
nav.cate > ul > li > .nm > .arrow{display:none;}
nav.cate > ul > li:hover > .nm > .arrow{display:block; width:20px; height:12px; background:url('../img/main/mn_cate_sub_arrow.gif') no-repeat; position:absolute; left:43px; bottom:-1px; z-index:111;}
nav.cate > ul > li:hover > .nm > .arrow.blue{background-image:url('../img/main/mn_cate_sub_arrow_blue.gif');}

/* Category sub menu */
nav.cate > ul > li div.sub{display:none; margin-top:-1px; z-index:44;}
nav.cate > ul > li:hover div.sub{display:block; position:absolute; left:0; z-index:99;}
nav.cate div.sub{position:relative;}
nav.cate div.sub .box{min-width:673px; height:320px; background:#fff; border:2px solid #ff5b90; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
nav.cate div.sub .box.blue{border-color:#3489d9;}
nav.cate div.sub .box ul.list{width:145px; height:286px; margin:14px 0 0 20px; background:url('../img/main/mn_sub_dot_line.gif') right top no-repeat; float:left;}
nav.cate div.sub .box ul.list.book{background-image:none;}
nav.cate div.sub .box ul.list.book-inline{margin-left:0;}
nav.cate div.sub .box ul.list.last{background-image:none;}
nav.cate div.sub .box ul.list li{line-height:20px;}
nav.cate div.sub .box ul.list li.topic{height:24px; line-height:24px; background:url('../img/main/mn_cate_sub_li.gif') left bottom no-repeat; margin-bottom:3px; font-weight:bold; font-size:11px;}
nav.cate div.sub .box ul.list.book li.topic{background-repeat:repeat-x !important;}
nav.cate div.sub .box ul.list li a{padding:0; text-indent:7px; font-size:11px; color:#888888;}

nav.cate div.sub .box ul.list li a:hover{text-decoration:underline;}
nav.cate div.sub .box ul.list li.hot a{color:#ff6093;}
nav.cate div.sub .box.blue ul.list li.hot a{color:#3489d9;}

/* -- nav - brand - event */
nav.cate div.sub .box ul.nav{width:173px; height:320px; border-left:1px solid #eaeaea; float:left;} 
nav.cate div.sub .box ul.nav .wrapper{padding:18px 0 0 18px; line-height:16px;}
nav.cate div.sub .box ul.nav h1{margin-bottom:8px; font-weight:bold; font-size:11px; color:#888;}
nav.cate div.sub .box ul.nav li.brand{height:142px; border-bottom:1px dotted #eaeaea;}
nav.cate div.sub .box ul.nav li.brand .wrapper{padding:18px 0 0 18px; line-height:16px;}
nav.cate div.sub .box ul.nav li.brand a{font-weight:bold; font-size:11px; color:#888;}
nav.cate div.sub .box ul.nav li a:hover{text-decoration:underline;}
nav.cate div.sub .box ul.nav li.event .photo{width:140px; height:120px; margin:0 auto; position:relative;}
nav.cate div.sub .box ul.nav li.event .desc{width:100%; line-height:14px; background:#595757; opacity:0.5; position:absolute; left:0; bottom:0; padding:5px 0; font-size:11px; text-align:center; color:#fff;}

/* -- nav book event */
nav.cate div.sub .box ul.nav li.event.book .wrapper{padding-left:0;}
nav.cate div.sub .box ul.nav li.event.book .wrapper h1{margin-left:18px;}
nav.cate div.sub .box ul.nav li.event.book .photo{width:90px; height:129px; margin-top:25px; text-align:center;}
nav.cate div.sub .box ul.nav li.event.book .round{width:120px; height:7px; margin:0 auto; background-color:#f6f6f6; border:1px solid #f0f0f0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px}
nav.cate div.sub .box ul.nav li.event.book .name, 
nav.cate div.sub .box ul.nav li.event.book .time{width:160px; font-size:11px; text-align:center;}
nav.cate div.sub .box ul.nav li.event.book .name{margin:10px auto 10px auto;}
nav.cate div.sub .box ul.nav li.event.book .name a{color:#888888;} 
nav.cate div.sub .box ul.nav li.event.book .time{color:#d5d5d5;}

/* -- diary, go event */
nav.cate div.sub .box div.diary{width:149px; height:320px; border-left:1px solid #eaeaea; float:right; position:relative;}
nav.cate div.sub .box div.diary .go{width:46px; height:40px; background:url('../img/main/mn_diary_go.gif'); position:absolute; right:0; bottom:0;}
nav.cate div.sub .box.blue div.diary .go{background-image:url('../img/main/mn_diary_go_blue.gif');}

/* --//////////////////////////////////////////////////////////////////////-- */
/* MAIN FOOTER                                                                */
/* --//////////////////////////////////////////////////////////////////////-- */



/* --//////////////////////////////////////////////////////////////////////-- */
/* MAIN PAGE                                                                  */
/* --//////////////////////////////////////////////////////////////////////-- */
#main_top_event{text-align:center;}
#babo #top div.col1{width:590px; height:428px; margin-right:10px;} 
#babo #top div.col2{width:245px; margin-right:10px;} 
#babo #top div.col3{width:245px;}
#babo .title{height:10px; line-height:10px; margin:45px 0 12px 0; text-indent:5px; text-align:left;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Top - Main banner rolling */
#babo #top div.col1 .rolling{border:1px solid #f5f5f5; position: relative;}
#babo #top div.col1 .rolling .JqueryBannerButton{width:240px; position:absolute; left:177px; bottom:16px;}
#babo #top div.col1 .rolling .JqueryBannerButton img{float:left; margin-left:8px;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Top - Only               */
#babo #top div.col3 .monly{width:245px; height:151px; position:relative;}
#babo #top div.col3 .monly .JqueryBannerButtonL, #babo #top div.col3 .monly .JqueryBannerButtonR{width:12px; height:17px; position:absolute; top:70px; cursor:pointer;}
#babo #top div.col3 .monly .JqueryBannerButtonL{left:22px;}
#babo #top div.col3 .monly .JqueryBannerButtonR{right:22px;}

#babo #top div.col3 .onlytoday{position:relative;}
#babo #top div.col3 .remain-time{height:24px; position:absolute; left:42px; top:58px;}
#babo #top div.col3 .remain-time li{width:24px; height:24px; background:url('../img/main/remain_time_box.png'); float:left; text-align:center;}
#babo #top div.col3 .remain-time li.codon{width:3px; background:url('../img/main/remain_time_colon.png');}
#babo #top div.col3 .remain-time li span{margin-left:2px; line-height:22px; font-family:Lato Regular; font-size:16px; color:#fff;}
#babo #top div.col3 .onlytoday .thumb{width:245px; height:267px;}

/* MD Choice               */
#babo .md-bg{background:#fdfcf9;}
#babo #md_choice{background:#f9f7f0; position:relative; border-left:1px solid #f3f2ec; border-right:1px solid #f3f2ec;}
#babo #md_choice div.box{margin:0 36px; height:206px;}
#babo #md_choice .btnprev, #babo #md_choice .btnnext{width:23px; height:40px; position:absolute; top:84px; z-index:4444; cursor:pointer;}
#babo #md_choice .btnprev{left:12px;}
#babo #md_choice .btnnext{right:12px;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Flat & Price           */
#babo #flat_price{width:370px; float:left; position:relative;}
#babo #flat_price div.box{width:370px !important; height:370px;}
#babo #flat_price .JqueryBannerButtonL, #babo #flat_price .JqueryBannerButtonR{width:43px; height:59px; bottom:155px; position:absolute; z-index:5555; cursor:pointer;}
#babo #flat_price .JqueryBannerButtonL{left:0;}
#babo #flat_price .JqueryBannerButtonR{right:0;}
#babo #flat_price .JqueryBannerButton{width:100%; position:absolute; left:0; bottom:15px; text-align:center;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Babo Best              */
#babo #best{width:524px; float:left;}
#babo #best ul.topnav:after{display:table; content:""; clear:both;}
#babo #best ul.topnav li{height:34px; position:relative; float:left;}
#babo #best ul.topnav li .more{display:none; width:34px; height:10px; position:absolute; right:13px; top:10px;}
#babo #best ul.topnav li.on .more{display:block;}
#babo #best ul.topnav .best{width:176px; background:url('../img/main/tab_best.gif') no-repeat;}
#babo #best ul.topnav .best.on{background:url('../img/main/tab_best_on.gif') no-repeat;}
#babo #best ul.topnav .wish{width:175px; background:url('../img/main/tab_wish.gif') no-repeat;}
#babo #best ul.topnav .wish.on{background:url('../img/main/tab_wish_on.gif') no-repeat;}
#babo #best ul.topnav .review{width:173px; background:url('../img/main/tab_review.gif') no-repeat;}
#babo #best ul.topnav .review.on{background:url('../img/main/tab_review_on.gif') no-repeat;}

#babo #best div.content{height:278px; border:1px solid #efefef; border-top:none;}
#babo #best div.content ul.items:after{display:table; content:""; clear:both;}
#babo #best div.content ul.items li{padding:9px 15px 13px 15px; border-right:1px solid #f9f9f9; border-bottom:1px solid #f9f9f9; float:left;}
#babo #best div.content ul.items li dl{width:100px; height:116px; position:relative;}
#babo #best div.content ul.items li dl .no, #babo #best div.content ul.items li dl .heart,
#babo #best div.content ul.items li dl .cmt{height:14px; line-height:14px; margin-bottom:6px; text-align:center;}
#babo #best div.content ul.items li dl .heart span{margin-left:3px; font-family:Lato Regular; font-size:11px; color:#999;}
#babo #best div.content ul.items li dl .cmt span{margin-left:3px; font-family:Lato Regular; font-size:11px; color:#999;}
#babo #best div.content ul.items li.row1{margin-top:8px; padding-top:0;}
#babo #best div.content ul.items li.row2{border-bottom: none; padding-bottom:4px;}
#babo #best div.content ul.items li.startln{margin-left:15px; padding-left:0;}
#babo #best div.content ul.items li.endln{margin-right:14px; padding-right:0; border-right:none;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Find                   */
#babo #find{width:561px; float:right;}
#babo #find ul.nav-tabs{width:559px; border:1px solid #eeeeee; border-bottom:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
#babo #find ul.nav-tabs:after{display:table; content:''; clear:both;}
#babo #find ul.nav-tabs li{width:186px; height:155px; border-bottom:1px solid #eeeeee; float:left;}
#babo #find ul.nav-tabs li.toolbar{width:186px; background:#c1d22c url('../img/main/bg_find_search.gif') repeat-y; position:relative;}
#babo #find ul.nav-tabs li.toolbar div.tit{height:53px; padding:12px 0 0 12px;}
#babo #find ul.nav-tabs li.toolbar div.words{padding-left:10px; padding-right:10px; line-height:20px; position:absolute; left:0; bottom:18px;}
#babo #find ul.nav-tabs li.toolbar div.words span{margin:0 2px; color:#d2e247;}
#babo #find ul.nav-tabs li.toolbar div.words a{display:inline; padding:2px 3px; color:#ffffff;}
#babo #find ul.nav-tabs li.toolbar div.words a.on{background-color:#aec322; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px}
#babo #find ul.nav-tabs li.photo{text-align:center; vertical-align:middle;}
#babo #find ul.nav-tabs li.info{background-color:#f7f7f7; color:#888888;}
#babo #find ul.nav-tabs li.info.left{background:#f7f7f7 url('../img/main/bg_find_info_l.gif') left center no-repeat; border-right:none;}
#babo #find ul.nav-tabs li.info.right{background:#f7f7f7 url('../img/main/bg_find_info_r.gif') right center no-repeat; border-left:1px solid #eeeeee;}
#babo #find ul.nav-tabs li.info p{margin-top:45px; padding:0 10px; line-height:16px; text-align:center;}
#babo #find ul.nav-tabs li.info span{display: block; margin-top:20px; text-align:center; font-weight:bold;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Theme & Story         */
#babo #theme_story{width:718px; float:right;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Sale Banners         */
#babo #sale{margin-top:50px;}
#babo #sale ul.ban li{display:inline; float:left;}
#babo #sale ul.ban li.line{width:1px; height:150px; background:#faf9f8 url('../img/main/sale_line_ver.gif') left center no-repeat;}


/* --//////////////////////////////////////////////////////////////////////-- */
/* Hot Promotion       */
#babo #hot_promotion{width:786px; float:left; position:relative;}
#babo #hot_promotion div.inner{border-right:1px solid #f8f8f8;}
#babo #hot_promotion div.btnmore{width:34px; height:10px; position:absolute; top:50px; right:17px;}
#babo #hot_promotion ul.list{width:768px; border:1px solid #f4f4f4;}
#babo #hot_promotion ul.list li{float:left; height:298px;}
#babo #hot_promotion ul.list li.hot1{width:178px; border-right:1px solid #f4f4f4;}
#babo #hot_promotion ul.list li.hot2{width:238px; border-right:1px solid #f4f4f4;}
#babo #hot_promotion ul.list li.hot3{width:349px; position:relative;}
#babo #hot_promotion ul.list li.hot3 div.box{width:349px !important;}
#babo #hot_promotion ul.list li.hot3 .JqueryBannerButtonL, 
#babo #hot_promotion ul.list li.hot3 .JqueryBannerButtonR{width:16px; height:27px; position:absolute; top:127px; z-index:6666; cursor:pointer;}
#babo #hot_promotion ul.list li.hot3 .JqueryBannerButtonL{left: 14px;}
#babo #hot_promotion ul.list li.hot3 .JqueryBannerButtonR{right:14px;}
#babo #hot_promotion ul.list li.hot3 .JqueryBannerButton{width:100%; position:absolute; left: 0; bottom:10px; text-align:center;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* New Coupon          */
#babo #new_coupon{width:313px; float:right; position:relative;}
#babo #new_coupon div.btnmore{width:34px; height:10px; position:absolute; top:50px; right:0;}
#babo #new_coupon ul.list li{margin-bottom:10px; text-align:right;}
#babo #new_coupon ul.list li:last-child{margin-bottom:0;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Brand Pick         */
#babo #brand_pick{height:329px; margin-top:50px; background: url('../img/main/bg_brand_pick.gif') repeat-x;}
#babo #brand_pick div.banner{width:1095px; margin-left:5px; position:relative;}
#babo #brand_pick div.slide-wrapper{margin-top:35px;}
#babo #brand_pick .tit{height:10px; line-height:10px; position:absolute; left:5px; top:19px; z-index:2222;}
#babo #brand_pick .tit img{margin-left:5px; vertical-align:baseline;}
#babo #brand_pick .JqueryBannerButton{width:110px; position:absolute; left:120px; top:25px; z-index:3333;}
#babo #brand_pick .JqueryBannerButton img{vertical-align:middle; float:left; margin-right:3px;}

#babo #brand_pick .info{width:326px; float:right;}
#babo #brand_pick .info .inner{margin-right:5px; position:relative;}
#babo #brand_pick .info .tags{line-height:17px; text-align:right; position:absolute; right:3px; top:190px; z-index:3333; color:#cfcfcf;}
#babo #brand_pick .info .tags a{font-size:11px; color:#cfcfcf;}
#babo #brand_pick .info .tags a:hover{text-decoration:underline;}
#babo #brand_pick table.pick td{border:1px solid #f3f3f3;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Category Event    */
#babo #cate_event:after{display:table; content:""; clear:both;}
#babo #cate_event #rolling{width:250px; float:left;}
#babo #cate_event #content{width:845px; float:right;}

#babo #cate_event #rolling div.inner{position:relative;}
#babo #cate_event #rolling div.inner .JqueryBannerButton{width:100%; position:absolute; left:0; bottom:15px; text-align:center;}
#babo #cate_event #rolling div.inner .JqueryBannerButton img{margin-right:1px;}

#babo #cate_event #content .catemn .mn{width:506px; float:left; border:1px solid #f5f5f5; border-left:none;}
#babo #cate_event #content .catemn ul.tabs{width:118px; height:284px; float:left; background-color:#f2f2f2;}
#babo #cate_event #content .catemn ul.tabs li{height:40px; line-height:40px; background:#f2f2f2 url('../img/main/bg_cate_menu.gif') repeat-x; text-indent:12px; font-size:11px; color:#aaaaaa; cursor:pointer;}
#babo #cate_event #content .catemn ul.tabs li:hover,
#babo #cate_event #content .catemn ul.tabs li.on{background:#ffffff url('../img/main/bg_cate_menu_on.gif') no-repeat; font-weight:bold;}
#babo #cate_event #content .catemn .items{width:385px; float:right; text-align:center;}

#babo #cate_event #content .catemn ul.evt{width:332px; float:right; border:1px solid #f5f5f5;}
#babo #cate_event #content .catemn ul.evt li:first-child{border-bottom:1px solid #f5f5f5;}

#babo #cate_event #content .banner{position:relative;}
#babo #cate_event #content .banner .box{width:843px !important; height:107px; border:1px solid #f5f5f5;}
#babo #cate_event #content .banner .btnprev, 
#babo #cate_event #content .banner .btnnext{width:23px; height:40px; position:absolute; top:33px; z-index:4444; cursor:pointer;}
#babo #cate_event #content .banner .btnprev{left:17px;}
#babo #cate_event #content .banner .btnnext{right:17px;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* Community    */
#babo #community{border-left:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3;}
#babo #community:after{display:table; content:""; clear:both;}
#babo #community table{width:100%;}
#babo #community table ul li{float:left;}
#babo #community table tr td{vertical-align:top; border-top:1px solid #f3f3f3; border-right:1px solid #f3f3f3;}


/* --//////////////////////////////////////////////////////////////////////-- */
/* Customer Center    */
#cs_center{background:#fbfbfb; border-bottom:1px solid #f4f4f4;}
#cs_center .wrapper{padding:15px;}

#cs_center #csleft{width:796px; float:left; border-right:1px solid #f2f2f2;}
#cs_center #csright{width:242px; float:right;}
#cs_center #csleft .ln{height:1px; background:#f2f2f2; margin:10px 0 10px 0;}

#cs_center #csleft div.notice{width:259px; float:left;}
#cs_center #csleft div.benefit{width:527px; float:right;}

/* Notice */
#cs_center #csleft div.notice ul.topnav{height:31px; background:url('../img/main/bg_cs_center_tabs.gif') left bottom repeat-x;}
#cs_center #csleft div.notice ul.topnav li{height:31px; float:left; position:relative;}
#cs_center #csleft div.notice ul.topnav li .more{display:none; width:34px; height:10px; position:absolute; right:7px; top:10px;}
#cs_center #csleft div.notice ul.topnav li.on .more{display:block;}
#cs_center #csleft div.notice ul.topnav li.tab-notice{width:106px; background:url('../img/main/tab_notice.gif') no-repeat;}
#cs_center #csleft div.notice ul.topnav li.tab-notice.on{background:url('../img/main/tab_notice_on.gif') no-repeat;}
#cs_center #csleft div.notice ul.topnav li.tab-event{width:107px; background:url('../img/main/tab_event.gif') no-repeat;}
#cs_center #csleft div.notice ul.topnav li.tab-event.on{background:url('../img/main/tab_event_on.gif') no-repeat;}
#cs_center #csleft div.notice .inner{height:127px; padding:0 15px; background:#ffffff; border:1px solid #f3f3f3; border-top:none;}

#cs_center #csleft div.notice ul.navlist{padding-top:10px;}
#cs_center #csleft div.notice ul.navlist li{background: url('../img/main/dot_plus.gif') 3px 10px no-repeat; border-bottom:1px solid #f5f5f5;}
#cs_center #csleft div.notice ul.navlist li:last-child{border-bottom:none;}
#cs_center #csleft div.notice ul.navlist li a{display:block; line-height:17px; padding:3px 5px; text-indent:5px; font-size:11px; color:#aaaaaa;}
#cs_center #csleft div.notice ul.navlist li a:hover{text-decoration:underline;}

/* Level */
#cs_center #csleft div.benefit .box{height:157px; background:#fff; border:1px solid #f3f3f3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#cs_center #csleft div.benefit .box > table{margin:9px 15px 0 40px;}
#cs_center #csleft div.benefit .box > table td .lnver{width:1px; height:132px; background:#f9f9f9;}
#cs_center #csleft div.benefit .box > table td.cell-left{padding-right:25px;}
#cs_center #csleft div.benefit .box > table td.cell-right{padding-left:25px;}
#cs_center #csleft div.benefit .box .ldash{height: 2px; margin:10px 0; background:url('../img/main/line-dash.gif') repeat-x;}


/* Call Center */
#cs_center #csleft .call-center{width:259px; float:left;}
#cs_center #csleft .call-center .box{height:131px; background:#fff; border:1px solid #f3f3f3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#cs_center #csleft .call-center .box table{margin:18px 0 0 15px;}

/* FAQ */
#cs_center #csleft .faq{width:239px; float:left; margin-left: 10px;}
#cs_center #csleft .faq .box{height:131px; background:#fff; border:1px solid #f3f3f3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#cs_center #csleft .faq .box .tit{width:200px; height:14px; line-height:14px; margin:12px 0 0 16px; position:relative;}
#cs_center #csleft .faq .box .tit .more{width:34px; height:10px; position:absolute; right:0; top:0;}
#cs_center #csleft .faq .box ul{margin:10px 0 0 16px;}
#cs_center #csleft .faq .box ul li{width:90px; margin-right:18px; float:left; background: url('../img/main/dot_plus.gif') 3px 10px no-repeat; border-bottom:1px solid #f5f5f5;}
#cs_center #csleft .faq .box ul li:nth-child(5), 
#cs_center #csleft .faq .box ul li:nth-child(6){border-bottom:none;}
#cs_center #csleft .faq .box ul li a{display:block; line-height:17px; padding:3px 5px; text-indent:5px; font-size:11px; color:#aaaaaa;}
#cs_center #csleft .faq .box ul li a:hover{text-decoration:underline;}

/* Guide */
#cs_center #csleft .guide{width:280px; float:right;}
#cs_center #csleft .guide .box{height:131px; background:#fff; border:1px solid #f3f3f3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#cs_center #csleft .guide .box table{margin:11px 24px 0 16px;}
#cs_center #csleft .guide .box table td.ln{background:#f5f5f5;}

/* Gift Card */
#cs_center #csright .box{width:240px; height:311px; background:#fff; border:1px solid #f3f3f3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#cs_center #csright .box .inner{padding:20px 16px; text-align:center;}
#cs_center #csright .box .inner .banner{border-top:1px solid #f7f7f7; border-bottom:1px solid #f7f7f7; margin:26px 0 20px 0; padding:18px 19px; position:relative;}
#cs_center #csright .box .inner .banner .rolling{width:170px !important;}
#cs_center #csright .box .inner .banner .btnprev, 
#cs_center #csright .box .inner .banner .btnnext{width:9px; height:16px; position:absolute; top:55px; z-index:5555; cursor:pointer;}
#cs_center #csright .box .inner .banner .btnprev{left:0;}
#cs_center #csright .box .inner .banner .btnnext{right:0;}